<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE HTML>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport"
	content="width=device-width,initial-scale=1,user-scalable=0">

<!-- head 中 -->
<link rel="stylesheet"
	href="http://cdn.bootcss.com/weui/1.1.0/style/weui.min.css">
<link rel="stylesheet"
	href="http://cdn.bootcss.com/jquery-weui/1.0.0-rc.0/css/jquery-weui.min.css">

<style type="text/css">
html, body {
	height: 100%;
}
</style>
</head>
<body ontouchstart>
	<div class="weui-tab">

		<div class="weui-tabbar">
			<a href="#homePage" class="weui-tabbar__item weui_bar__item_on">
				<span class="weui-badge"
				style="position: absolute; top: -.4em; right: 1em;">8</span>
				<div class="weui-tabbar__icon">
					<img src="/images/icon-index.png" alt="">
				</div>
				<p class="weui-tabbar__label">首页</p>
			</a> <a href="#mePage" class="weui-tabbar__item">
				<div class="weui-tabbar__icon">
					<img src="/images/icon-me.png" alt="">
				</div>
				<p class="weui-tabbar__label">我</p>
			</a>
		</div>

		<div class="weui-tab__bd">
			<div id="homePage"
				class="weui-tab__bd-item weui-tab__bd-item--active">

				<h4>首页</h4>

			</div>

			<div id="mePage" class="weui-tab__bd-item">
				<h4>我的</h4>
			</div>
		</div>
	</div>

	<!-- body 最后 -->
	<script src="http://cdn.bootcss.com/jquery/1.11.0/jquery.min.js"></script>
	<script
		src="http://cdn.bootcss.com/jquery-weui/1.0.0-rc.0/js/jquery-weui.min.js"></script>


	<!-- 如果使用了某些拓展插件还需要额外的JS -->
	<script
		src="http://cdn.bootcss.com/jquery-weui/1.0.0-rc.0/js/swiper.min.js"></script>
	<script
		src="http://cdn.bootcss.com/jquery-weui/1.0.0-rc.0/js/city-picker.min.js"></script>
</body>

</html>